<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="common/common_head :: commonHeader('首页')"></head>
<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
	<!-- BEGIN HEADER -->
	<div class="page-header navbar navbar-fixed-top">
		<!-- BEGIN HEADER INNER -->
		<div class="page-header-inner ">
			<!-- BEGIN LOGO -->
			<div class="page-logo">
				<a href="index.html">
					<img src="assets/layouts/layout2/img/logo-default.png" alt="logo" class="logo-default" />
				</a>
				<div class="menu-toggler sidebar-toggler"></div>
			</div>
			<!-- END LOGO -->
			<!-- BEGIN RESPONSIVE MENU TOGGLER -->
			<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
			</a>
			<!-- END RESPONSIVE MENU TOGGLER -->
			<!-- BEGIN PAGE TOP -->
			<div class="page-top">
				<!-- BEGIN TOP NAVIGATION MENU -->
				<div class="top-menu">
					<ul class="nav navbar-nav pull-right">
						<!-- BEGIN USER LOGIN DROPDOWN -->
						<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
						<li class="dropdown dropdown-user">
							<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
								data-close-others="true">
								<img alt="" class="img-circle" th:src="@{/assets/layouts/layout2/img/avatar.png}" />
								<span class="username username-hide-on-mobile">
									<shiro:principal type="cn.threewaters.qtyy.dit.one.entity.SysUser" property="realname" />
								</span>
								<i class="fa fa-angle-down"></i>
							</a>
							<ul class="dropdown-menu dropdown-menu-default">
								<li>
									<a id="personalInfo" href="#">
										<i class="icon-user"></i>
										个人信息
									</a>
								</li>
								<li>
									<a href="logout">
										<i class="icon-key"></i>
										退出登录
									</a>
								</li>
							</ul>
						</li>
						<!-- END USER LOGIN DROPDOWN -->
					</ul>
				</div>
				<!-- END TOP NAVIGATION MENU -->
			</div>
			<!-- END PAGE TOP -->
		</div>
		<!-- END HEADER INNER -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN HEADER & CONTENT DIVIDER -->
	<div class="clearfix"></div>
	<!-- END HEADER & CONTENT DIVIDER -->
	<!-- BEGIN CONTAINER -->
	<div class="page-container">
		<!-- BEGIN SIDEBAR -->
		<div class="page-sidebar-wrapper">
			<!-- END SIDEBAR -->
			<div class="page-sidebar navbar-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-hover-submenu " data-keep-expanded="false"
					data-auto-scroll="true" data-slide-speed="200">
					<li class="nav-item active open">
						<a href="javascript:;" onclick="location.reload()" class="nav-link nav-toggle">
							<i class="icon-home"></i>
							<span class="title">首页</span>
							<span class="selected"></span>
							<span class="arrow"></span>
						</a>
					</li>
					<li th:each="menu : ${menus}" class="nav-item  ">
						<a href="#" class="nav-link nav-toggle" th:data-addtab="${menu.id}" data-ajax="true" th:data-url="${menu.url}">
							<i class="icon-diamond"></i>
							<span class="title" th:text="${menu.name}"></span>
							<span class="arrow"></span>
						</a>
						<ul class="sub-menu">
							<li class="nav-item " th:each="child : ${menu.children}">
								<a href="#" class="nav-link" th:data-addtab="${child.id}" data-ajax="true" th:data-url="${child.url}">
									<i class="icon-bar-chart"></i>
									<span class="title" th:text="${child.name}"></span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</li>
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
			<!-- END SIDEBAR -->
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN CONTENT -->
		<div class="page-content-wrapper">
			<!-- BEGIN CONTENT BODY -->
			<div class="page-content">
				<ul class="nav nav-tabs" style="background-color: white;" role="tablist">
					<li role="presentation" class="active" style="margin-left: 7px;">
						<a href="#home" aria-controls="home" role="tab" data-toggle="tab">
							<i class="icon-home"></i>
							<span class="title">首页</span>
						</a>
					</li>
				</ul>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="home"></div>
				</div>
			</div>
		</div>
		<!-- END QUICK SIDEBAR -->
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
	<div class="page-footer">
		<div class="page-footer-inner">
			2017 &copy; QTYY By
			<a target="_blank" href="https://threewaters.cn">threewaters.cn</a>
			<div class="scroll-to-top">
				<i class="icon-arrow-up"></i>
			</div>
		</div>
		<!-- END FOOTER -->
	</div>

	<div th:include="common/onload_js :: onloadJS"></div>
	<script th:inline="javascript">
		    /*<![CDATA[*/
		    jQuery(document).ready(function() {
		    	QTYYComponents.initIndexLeftMenu();
		        $("#personalInfo").on("click",function () {//绑定个人信息页面
		        	QTYYComponents.layerOpen("个人信息",'998px','620px',/*[[@{/user/profile/view/{loginName}(loginName=${session.userInfo.id},operator=-1)}]]*/);
		        });
		    });
		    /*]]>*/
		</script>
</body>
</html>